@charset "utf-8";
/* CSS Document */
/* 基本 */
*{ margin:0; padding:0; list-style:none; font-style:normal;}
input {-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,h1,h2,h3,h4,h5,h6,div,ol,dl,dt,dd,textarea,input,select,option,form,tr,th,td,em,i,var,strong{margin:0;padding:0;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;}
table {border-collapse:collapse; border:none;}
ol,ul {list-style-type:none;}
.clears:before,.clears:after {content:'';display:table;}
.clears:after {clear:both;}
.clears {*zoom:1;}
.clear {clear:both;height:0;overflow:hidden;}
a {text-decoration:none; color:#fff; outline:none;}
a,textarea,input{outline:none; border:none;}
textarea {overflow:auto;}
img {border:none;}
.z_index{position:fixed;_position:absolute;z-index:10;display:none;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float:left;}
.fr {float:right;}
a,a:focus,a:hover{text-decoration:none;}
.hide{display:none;}
.show{display:block;}
.v-tt{vertical-align: text-top;}
.v-s{vertical-align: sub;}
.v-b{vertical-align: baseline;}
/*********************************************************************************************************/
.user_self.head{ color:#fff; overflow:hidden;background:#292d36;  font-size:18px;height:55px;}
.user_self.head .user_img{ width:60%;float:left;padding:10.5px;border:none;}
.user_self.head .my_img { width:44px; height:44px; border:2px solid #fff; border-radius:50%; overflow:hidden; float:left;position:relative;top:-5px;}
.user_self.head .my_img img{ width:100%; height:100%;}
.user_self.head .user_text{ width:60%; text-align:left; font-size:14px; float:right; margin-top:0px;}
.user_self.head .user_text p{ margin:0px;font-size:12px;}
.user_self.head .user_text p:last-child{ font-size:20px;font-size:15px;}
.user_self.head .user_btn{float: right;    padding: 15px 10px;}
.user_self.head .btn_price{width:60px;height:27px;line-height:27px;text-align:center;background: #e8b400;color: #fff;font-size:14px;border-radius: 4px;}
.user_self.head .btn_price:hover{color: #fff;}


.sel_box{background:#f39003 ;color: #fff;border: solid #fff;border-width: 1px 0 0 0;overflow: hidden;}
.sel_box li{/*width: 50%;float: left;*/position: relative;}

.bank-select{border-right: 1px solid #fff;}
.sel_box li:last-child .bank-select{border: 0;}
.sel_box .bank-select .form-group{margin-bottom: 0;}
.sel_box .help-block{margin: 0;}




.bank-select select {
    background: #f39003;
    border: none;
    color: #fff;
    outline: none;
    height:45px;
    padding: 8px 40px;
    -webkit-appearance: none;
    font-size:18px;
    margin:0;
}

.bank-select select:focus{box-shadow: inherit;}
.bank-select select option{
    color: #fff;
    outline: none;
    -webkit-appearance: none;
    font-size:14px;
    padding: 8px;
    text-align: center;
}
.icon{color: #F8F8F8;
position: absolute;
top:16px;
right: 6px;font-size:14px;}
.us_color{color:#30afea}
.bank_btn{ margin:50px 14px 0px 14px;} 	
.bank_bottom{ border-bottom:1px solid #00284c; width:95%; margin:0 auto; overflow:hidden; padding-top:5px; }



/*弹窗*/
.modal-content{background-color: #293043;}
.modal-content{background-color:#293043;}
.dotted-line{margin:0 5px;border-bottom:1px dashed #141823;}  
.modal-dialog{margin:100px 20px 0;}  
.bg_zhu {
    background: #001b33;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top:none;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: none;
}

/*tab*/
.nav-tabs>li{
	width:25%;
	 margin-bottom: 0 !important;
	 }
.nav>li>a {
    padding: 10px 0;
    text-align: center;

    }
.nav-tabs>li>a:hover {
     border-color:inherit;
     background-color: inherit !important;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border:none;
    color: #fff;
    font-size: 14px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #f39003;
    border-bottom:solid  #f39003;
    border-width:0 0 2px 0;
    background-color: inherit;

}
.ts{color: #eee;text-align: center;margin-bottom: 10px;font-size: 12px;}
.down-up{width:98%;overflow: hidden;margin: 10px auto 0;}
.down-up li{width: 37%;float: left;margin: auto 0;text-align: center;font-size: 14px;;}
.down-up li:nth-child(2){width: 26%;float: left;    margin-top: 13px;}
.down-up li a{color: #fff;margin: auto 0;background: #01b95a;display: inline-block;padding:10px 14px;border-radius: 4px;;}
.down-up li:nth-child(2) a{background: inherit;}
.down-up li:nth-child(3) a{background:#f74848;}
.down-up li a:hover{color: #fff;margin: auto 0;}


.co_cc{color:#f39003;}
.co_cd{color: #cc0e10;}
.co_ce{color: #01b95a;}
.bg0{ background:#000;}
.discbox{ width:8.6rem; height:8.6rem; border:2px solid #e6262e; border-radius:50%; position:relative; margin:1rem auto;}
.disc_center{ width:3.14rem; height:3.14rem; background:#e6262e; position:absolute; top:50%; margin-top:-1.57rem; left:50%; margin-left:-1.57rem; border-radius:50%; font-size:0.6rem; color:#fff; text-align:center;box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:6%;z-index:100;}
.cellbox{ width:100%; height:100%; position:relative; -webkit-transition:all ease-out 0.5s;transition:all ease-out 0.5s;z-index:100;-webkit-transform:rotate(0deg);transform:rotate(0deg);}/*-webkit-transform:rotate(45deg);transform:rotate(45deg);*/
.cell{ text-align:center;padding-top:0.8rem;transform-origin:bottom center; height:4.3rem;box-sizing:border-box; -webkit-box-sizing:border-box; position:absolute; top:0; left:3.6rem;}
.cell em{ font-size:0.36rem; color:#e6262e; display:block;}
.cell b{ font-weight:normal; color:#fff;font-size:0.36rem;}
.cell1{ transform:rotate(0deg);}
.cell2{ transform:rotate(45deg);}
.cell3{ transform:rotate(90deg);}
.cell4{ transform:rotate(135deg);}
.cell5{ transform:rotate(180deg);}
.cell6{ transform:rotate(225deg);}
.cell7{ transform:rotate(270deg);}
.cell8{ transform:rotate(315deg);}
.cell_on{ left:3.4rem;}
.cell_on em{font-size:0.5rem;}
.cell_on b{font-size:0.5rem; color:#f6aeb1;}
.lightbeam{ width:3rem; height:86rem; background:-webkit-linear-gradient(#000,#8a1926 30%); position:absolute; top:0.3rem; left:50%; margin-left:-1.5rem; z-index:10; transform:perspective(800px) rotateX(-81deg);transform-origin:top center;}
.div1{background:#fff; color:#000; font-size:16px; width:100%; height:50px;}
.buys a{ color:#e6262e;}
.buys{ position:relative;}
.lp{ position:absolute; bottom:-55px; left:25%}
.lp_bottom{ border-bottom:1px solid #e6262e; border-top:1px solid #e6262e; padding:12px 0px;}
.selects{ background:#e6262e; color:#fff;}

.form-control.selectProduct.flex-nowrap{
    border:0;
    padding:0;
    height:65px;
}
.input_box.bank-select.po_re{
    border-top:1px solid #1F2429!important;
}
.form-control.selectProduct.flex-nowrap li{
    width:100%;
    text-align: center;
    height:65px;
    background:#32363f;
    padding:14px 0;
    box-sizing:border-box;
    font-size:17px;
    color: #fff;
    position: relative;
}
.form-control.selectProduct.flex-nowrap li a{
    line-height:22px;
}
.form-control.selectProduct.flex-nowrap li.active a{
    color:#f64847;
}
.form-control.selectProduct.flex-nowrap li+li:after{
    content:"";
    position: absolute;
    height: 35px;
    left:0;
    top:18px;
    border-left:1px solid #2D3139;
}
.form-control.selectProduct.flex-nowrap li .number{
    display: block;
    font-size:14px;
    color: #f64847;
}
.form-control.selectProduct.flex-nowrap li.down .number{
    color:#01b85b;
}
.time-container{
    background:#32363f;
    margin-top:13px;
    padding:5px 16px;
}
#feature-tab{
    height:27px;
    line-height: 27px;
    background: #1E2327;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
}
#feature-tab li{
    height:27px;
    line-height: 27px;
}
#feature-tab li a{
    position: relative;
    top: -6px;
    height: 38px;
    border-width: 0 0 1px 0;
}
.trans-time{
    color:#e8b400;
    font-size:15px;
}
.now-price{
    font-size:15px!important;
}
.down-up li a {
    width:100%;
    padding:10px 0;
}
.cur-down{
    color:#01B95A!important;
}
.cur-up{
    color:#F74848!important;
}
.number.up-number{
    color:#F74848!important;
}
.number.down-number{
    color:#01B95A!important;
}





body{/*color:#fff;*/background:#fff;}
.bg_r{background:#e6262e;}
.mar_b0{margin-bottom: 0;}
.pad_t5{padding-top:5px;}
.pad_t8{padding-top:8px;}
ul{margin: 0;padding: 0;}
.mine-pic{width:78px;height:79px;border:3px solid #fff;border-radius:50%;line-height:60px;}
.mine-pic img{width:100%;border-radius:50%;}
.media{padding: 20px 0 10px 20px;}
.media-body{padding-left:10px;padding-top:5px;}
.media-body p{margin-bottom:5px;}

.mine-list{width: 100%;overflow: hidden;border-bottom: 1px solid #C0C0C0;padding:30px 0;}
.mine-list li{width:33%;float:left ;list-style: none;}
.mine-list li:nth-child(3) a{border-right:transparent;}
.mine-list li a{width:100%;display:inline-block;border-right:1px solid #C0C0C0;color:#e6262e;text-align: center;}
.mine-list li a:hover{text-decoration: none;}

.row ul:nth-child(3){border:none;}
.bor-bottom{border-bottom: 1px solid #ababab;}



/*底部导航栏 begin*/
.footer_nav{
    width:100%;
    line-height: 1em; 
    text-align: center;
    position:fixed;
    bottom:0px;
    border-top:1px solid #C7C7C7;
    background:#fff;
    padding:5px 0px 6px 0px;
    z-index:1013;
}
.footer_nav li{
    float:left;
    width:25%;
    text-align:center;
}
.footer_nav li a{
    text-decoration:none;
    display:block;
}
.footer_nav li a p{
    color:#7c7c7c;
    font-size:1.2rem;
    padding-top:3px;
}
/*end 底部导航栏 */
/*清除浮动*/
.clearfix{
    *zoom:1;
}
.clearfix:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}



/* 充值页面开始 */
/*清除浮动代码*/ 
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 
.boxflex1{    
    padding: 5px 15px;
/*    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;*/
    /*background: #fff;    */
    font-size: 14px;
}
.boxflex1 .img-wrap{
    border:none;
}
.mt10{margin-top: 10px;}
.boxflex1 .p_zichan{
    padding:8px 0 4px 10px;
    font-size: 16px;
    font-weight: bold;
}
.boxflex1 .cash{
    padding-left: 10px;
}
.boxflex1 .cash b{
    font-weight:normal;
    color:#f00;
}
.boxflex1.none{
    border-top:none;
}
.selecthe{
    color: #333;
    font-size: 14px;
    line-height: 28px;
    border-top: 1px solid #ccc;
    padding: 5px 15px;
    margin: 0;
}
.charge-header {
    color: #757272;
    padding: 12px 10px;
    text-align: center;
    font-size: 1.4em;
    background: #fff;
}
.charge-header span{
    margin-left:-40px;
}
.group_btn {
    width: 100%;
    margin: 0 auto;
}
.group_btn.group .btn_re{
    width: 23%;
}
.group_btn .btn_re {
    width: 18%;
    float: left;
    margin-left: 2%;
    /*margin-bottom: 10px;*/
}
.group_btn .btn_re:first-child{
    margin-left:0;
}
.btn_money {
    display: inline-block;
    width: 100%;
    color: #333;
    background: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    border:1px solid #ccc;
    padding: 6px 0;
}
.btn_money:hover{
    text-decoration: none;
}
.btn_money.on{
    border:1px solid #f54b4b;
    background: #f54b4b!important;
    color:#fff!important;
}
.moneyhead{
    color:#333;
    font-size: 15px;    
}
.recharge-btn{
    color:#fff;
    background: #f54b4b;
    margin:20px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    padding:7px 0;
}
.boxflex1.paystyle{
    color: #333;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/* 充值页面结束 */


/*个人中心底部栏开始*/
.bottom-infor{
    position: fixed;
    left:0;
    bottom:70px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color:#f00;
}
/*个人中心底部栏结束*/


.btn_money {
    color:#333!important;
    background: #fff!important;
}
.boxflex1.paystyle.checkImg2{
    border-bottom:0;
    border-top:1px solid #ccc!important;
}